@import "../../assets/style/flex";
@import "../../assets/style/base";

.dsview {
  background: #191A1E;
  border-radius: 20px;
  padding-left: 33px;
  padding-bottom: 20px;

  .ds_top_view {
    .flexH();
    .flex-zBetween();
    .flex-cCenter();
    padding-top: 20px;

    .ds_top_img {
      width: 36px;
      height: 37px;
      .bg('../../assets/imgs/delay_c.png');

      &.o {
        .bg('../../assets/imgs/delay_o.png');
      }
    }

    .ds_top_switch {
      margin-right: 20px;
    }
  }

  .time_title {
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #666666;
    margin-top: 10px;
    &.o{
      color: #E6AC11;
    }
  }

  .time {
    font-size: 24px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #999999;
    margin-top: 6px;
  }

  .ds_end_time_view {
    .flexH();
    .flex-zBetween();
    margin-top: 90px;

    .end_time_set {
      font-size: 24px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      color: #999999;
    }

    .time_set_into {
      margin-right: 20px;
      width: 20px;
      height: 20px;

      border-top: 2px solid #666666;
      border-right: 2px solid #666666;
      transform: rotate(45deg);
    }
  }
}
